@charset "utf-8";

/*  Reset
--------------------------------------------------------------------------------------*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
	body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		font-family: "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif;
	}
	/* for Safari */  
	p { text-shadow: #000 0 0 0;}  
	/* for Firefox */  
	p { -moz-opacity: 0.99;}
	
	body {
		line-height: 1;
	}
	
	/* remember to define focus styles! */
	:focus { outline: 0;}
	
	/* remember to highlight inserts somehow! */
	ins { text-decoration: none;}
	del { text-decoration: line-through;}
	
	/* http://honoo-no.com/creators/2008/02/14_211120.html */
	textarea, input {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	}
	ul , ol { padding-left:1em;}
	
	img {border-width:0;}

/*  Fix for Geocities
--------------------------------------------------------------------------------------*/
	img { display: none;}
	div img { display: inline;}

/*  ClearFix
--------------------------------------------------------------------------------------*/
	/* for modern brouser */
	claer:after {   
		content: ".";   
		display: block;   
		visibility: hidden;   
		height: 0.1px;   
		font-size: 0.1em;   
		line-height: 0;   
		clear: both;   
	} 
	/* IE7,MacIE5 */
	.clear {
		display: inline-block;
	}
	/* WinIE6 below, Exclude MacIE5 \*/
	* html .clear {
		zoom: 1;
	}
	.clear {
		display: block;
		overflow: auto;
	}
	/**/


/*  Typography
--------------------------------------------------------------------------------------*/
	a:link { color:#008;}
	a:visited { color: #505;}
	a { text-decoration: none;}
	
	#main a:hover {
		text-decoration: underline;
		color: #f60;
	}
	
	#wrapper {
		font-size: 0.92em;
		line-height: 1.6em;
		color: #030d31;
	}
	
	#wrapper h2, h3, h4, h5 {
		font-size: 116%;
		font-weight: bold;
	}
	#wrapper h2 {
		text-align: center;
		letter-spacing:2px;
	    border-bottom: 1px dotted #333333;
	    border-top: 1px solid #333333;
		background: #eee;
		padding: 4px 0 2px;
	}
	h3, h4, h5, h6 {
		line-height: 1.1em;
	}
	h3 {
		letter-spacing: 1px;
		border: 1px #333 solid;
		border-width: 0 0 1px 0.5em;
		padding: 8px 0 2px 0.6em;
		margin: 1em 7px 9px;
	}
	h4 {
		letter-spacing: 1px;
		border-bottom: 1px #999 dotted;
		padding: 6px 6px 2px;
		margin: 1em 7px 4px;
	}
	h5, h6 {
		padding:0 5px 0;
		margin: 1em 14px 4px;
	}
	h5 {
		border-left: 5px #999 solid;
		letter-spacing:1px;
	}
	h6 {
		font-size: 1em;
		border-left: 3px #666 double;
	}
	
	#main p, #main dl,
	#main ul, #main ol {
		margin: 9px 15px;
	}

	blockquote {
		quotes: none;
		margin:15px 5px 9px 15px;
		padding:5px 9px 3px 1em;
		border-left:5px #030D31 solid;
		border-bottom:1px #030D31 dotted;
		line-height:24px;
		display:block;
		background:#ddd;
		overflow:auto;
	}
	blockquote cite {
		display:block;
		border-top:1px #030D31 dotted;
		margin:9px 2px 0 0;
		padding:0 5px 0 0;
		text-align:right;
		font-style:normal;
	}
	em {
		border:1px #c99 solid;
		background: #ffc;
		padding: 9px 9px;
		margin: 15px 5px 9px 15px;
		display: block;
		font-style: normal;
		line-height: 22px;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		width: 440px;
		border: 1px #999 solid;
		border-collapse: collapse;
		border-spacing: 0;
		padding: 5px;
		margin: 9px auto;
		_margin: 9px 15px;
		line-height: 1.6em;
	}	
	th, td {
		padding: 5px;
		border: #999 solid;
		border-width: 0 0 1px 1px;
	}

	.center { text-align: center !important;}
	.right { text-align: right !important;}
	.left { text-align: left !important;}

/*  content-head
--------------------------------------------------------------------------------------*/
	#content-head {
		border-bottom: 2px solid #333;
	}
	#content-head .description {
		background-color: #333;
		color: #fff;
		padding: 5px 5px 2px;
	}
	#content-head h2 {
		border: 0;
		background: none;
		margin: 1em 0;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
	}
	#content-head .author,
	#content-head .publisher { text-align: right;}
	
	.has-image { border: 0 !important;}
	.has-image h2,
	.has-image .author ,
	.has-image .publisher { display: none;}
	#content-head img { margin-top: 7px;}


/*  List Code
--------------------------------------------------------------------------------------*/
	.list {
		text-align: center;
		padding: 15px 40px;
		white-space: pre-line;
		background: 0 0 url(../data/code.gif) repeat-y;
	}
	pre.list,
	.list p { text-align: left;}

	code,var,xmp,
	samp,
	.list { line-height: 1.6em;}

	.list-head {
		font-weight:bold;
		font-size:116%;
		border-bottom:1px solid #666;
		margin-bottom:15px;
	}

	.list p {
		margin: 9px 9px 0;
		padding: 8px 0 0;
		border-top: 1px #ccc solid;
		white-space: normal;
	}

/*  column
--------------------------------------------------------------------------------------*/
	.column {
		border: 1px outset #CCCCCC;
		padding: 9px;
		margin: 9px 15px;
		box-shadow: 2px 2px 3px #666;
		-webkit-box-shadow: 2px 2px 3px #666;
		-moz-box-shadow: 2px 2px 3px #666;
	}
	.column h4 {
		border: none;
		background: none;
		text-align: center;
		border-bottom: 2px #666 solid;
	}
	.column h5 { border-color:#666;}

/*  link-list
--------------------------------------------------------------------------------------*/
	.check {
		margin-left: 28px !important;
		_margin-left: 0 !important;
		list-style: none;
		font-size: 12px;
	}
	p.check { margin-left: 10% !important;}
	.check a {
		margin-left: -28px;
		_margin-left: 0;	
		line-height: 26px;
		padding: 6px 0 6px 28px;
		background: url(../data/check_orange.gif) -72px 3px no-repeat;
	}

	.check a:visited {background-position: -47px -27px;}
	.check a:hover   {background-position: -22px -57px;}
	.check a:active  {background-position: 3px -87px;}


/*  Table Style
--------------------------------------------------------------------------------------*/
	dl.table-style dt {
		line-height:18px;
		padding:6px 5px 2px;
		float:left;
		font-size:11px;
	}
	dl.table-style img {
		vertical-align:top;
		margin-right:5px;
	}
	dl.table-style dd {
		line-height:18px;
		padding:6px 9px;
		border-bottom:1px #7AAA8F solid;
	}
	dl.change dd  {text-indent: -24px;}
	dl.em3 dd {padding-left: 3em;}
	dl.em4 dd {padding-left: 4em;}
	dl.em5 dd {padding-left: 5em;}
	dl.em6 dd {padding-left: 6em;}
	dl.em7 dd {padding-left: 7em;}
	dl.em8 dd {padding-left: 8em;}
	dl.em9 dd {padding-left: 9em;}
	dl.em10 dd {padding-left: 10em;}
	dl.em11 dd {padding-left: 11em;}

	dl.change dt { float:right;}

/*  Demo-list
--------------------------------------------------------------------------------------*/	
	#main dl.d-list {
		border-bottom: 2px #333 solid;
		margin-bottom: 0;
		min-height: 65px;
		_height: 65px;
		overflow: auto;
		_overflow: inherit; 
	}
	dl.d-list dt {display:none;}
	dl.d-list dd dfn-Container {
		margin-right:9px;
		float:left;
	}
	dl.d-list dd.title {}
	dl.d-list dd.author {padding-left:5px;}
	dl.d-list dd.date {
		text-align:right;
		display:block;
	}
	dl.demo-list dt,
	.d-list .pbDisplay010-Container { 
		float:left;
		clear:both;
		margin-right:1em;
	}
	dl.demo-list dd {
		border-bottom:1px #333 solid;
		height:65px;
		margin:4px 0;
		line-height:18px;
	}
/* -----------------------------------------------------------
     コメント はてなスター&はてなブックマーク
------------------------------------------------------------*/
	#comments h4 {background:none;border:none;text-align:left;margin:0 9px;line-height:120%;font-weight:normal;}
	#comments h4 a {color:red;}
	#comments .post-body ,#comments h4 {display:inline;}
	#bbs-menu {border-bottom:1px solid #999;}
	#bbs-menu a {text-decoration:underline;}
	#bbs-menu span a {line-height:120%;}
	#bbs-menu a img {vertical-align:text-top;}
	#comments-block {border-bottom:1px solid #999;border-top:1px solid #999;margin:9px 9px 20px;padding:15px 8px;overflow:auto;}
	#comments-block dt {border-bottom:1px dotted #999;}
	#comments-block dt img {vertical-align:middle;}
	#comments-block dt div.avatar-image-container {position:static;left:auto;float:none;height:16px;width:16px;margin:0 3px;display:inline;}
	#comments-block dt div.avatar-image-container img {height:16px;width:16px;float:none;vertical-align:top;display:none;}
	#comments-block dt div.avatar-image-container .avatar-hovercard img {display:inline;}
	#comments-block .comment-del ,#comments-block .comment-edit{float:right;display:inline;}


	
	#comments-block dd {margin:9px 15px 30px 24px;_margin-left:9px;font-family: monospace;}
	#comment-editor {margin:0 35px;}


/*  Comment & hatena star, hatena bookmark
--------------------------------------------------------------------------------------*/
	.comment-num {width:2.5em;display:inline-block;}
	.comment-author,
	.comment-author a { color:green;font-weight:bold;}
	.comment-timestamp { color: #666;}

	.comment-body { margin-left: 2.5em;}

/*  Key
--------------------------------------------------------------------------------------*/
	kbd.key {
		background:transparent url(../data/btn.png) no-repeat 50% 50%;
		font-size:10px;
		padding:5px 14px;
		font-weight:bolder;
		color:#111;
		font-variant:small-caps;
		text-transform: uppercase;
	}
	kbd.ten {
		background:transparent url(../data/btn_10key.png) no-repeat 50% 50%;
		font-size:10px;
		padding:5px 14px;
		font-weight:bolder;
		color:#fff;
	}
	kbd.shift {
		padding:5px 4px;
		background:transparent url(../data/btn.png) no-repeat 50% 50%;
		color:red;
		font-size:7px;
		font-weight:lighter;
		letter-spacing:1px;
		text-transform: uppercase;
	}
	kbd.exe {
		background:transparent url(../data/btn_exe.png) no-repeat 50% 50%;
		color:#fff;
		font-weight:bolder;
		font-size:10px;
		padding:5px 14px;
		text-transform: uppercase;
	}

/*  PB Display Font - dfn -
--------------------------------------------------------------------------------------*/
	dfn {
		width:10px;
		height:21px;
		font-size: 21px;
		font-family: monospace;
		font-style: normal;
		line-height: 21px;
		text-indent: -9999px;
		background-repeat:no-repeat;
		background-color:#90b068;
		background-image:url(pbfont_x3_0.1.0.gif);
		border-top: 6px #b0c86e solid;
		border-bottom: 6px #b0c86e solid;
		border-left: 4px #b0c86e solid;
		border-right: 4px #b0c86e solid;
		padding:0;
		display:inline-block;
		margin: 0.1em 0.2em;
		_width: 18px;
	}
	* html .table-style dt dfn {
		float:left;
	}
	
	.pbfont {
		background-color:#90b068;
		border-top: 6px #b0c86e solid;
		border-bottom: 6px #b0c86e solid;
		border-left: 4px #b0c86e solid;
		border-right: 4px #b0c86e solid;
	}
	.pbfont * {
		width:10px;
		height:21px;
	}
	img.chr01	{ margin-top: -30px}
	
	dfn.chr00	{background-position:0 0}
	dfn.chr01	{background-position:0 -30px}
	dfn.chr02	{background-position:0 -60px}
	dfn.chr03	{background-position:0 -90px}
	dfn.chr04	{background-position:0 -120px}
	dfn.chr05	{background-position:0 -150px}
	dfn.chr06	{background-position:0 -180px}
	dfn.chr07	{background-position:0 -210px}
	dfn.chr08	{background-position:0 -240px}
	dfn.chr09	{background-position:0 -270px}
	dfn.chr0A	{background-position:0 -300px}
	dfn.chr0B	{background-position:0 -330px}
	dfn.chr0C	{background-position:0 -360px}
	dfn.chr0D	{background-position:0 -390px}
	dfn.chr0E	{background-position:0 -420px}
	dfn.chr0F	{background-position:0 -450px}
	dfn.chr10	{background-position:0 -480px}
	dfn.chr11	{background-position:0 -510px}
	dfn.chr12	{background-position:0 -540px}
	dfn.chr13	{background-position:0 -570px}
	dfn.chr14	{background-position:0 -600px}
	dfn.chr15	{background-position:0 -630px}
	dfn.chr16	{background-position:0 -660px}
	dfn.chr17	{background-position:0 -690px}
	dfn.chr18	{background-position:0 -720px}
	dfn.chr19	{background-position:0 -750px}
	dfn.chr1A	{background-position:0 -780px}
	dfn.chr1B	{background-position:0 -810px}
	dfn.chr1C	{background-position:0 -840px}
	dfn.chr1D	{background-position:0 -870px}
	dfn.chr1E	{background-position:0 -900px}
	dfn.chr1F	{background-position:0 -930px}
	dfn.chr20	{background-position:0 -960px}
	dfn.chr21	{background-position:0 -990px}
	dfn.chr22	{background-position:0 -1020px}
	dfn.chr23	{background-position:0 -1050px}
	dfn.chr24	{background-position:0 -1080px}
	dfn.chr25	{background-position:0 -1110px}
	dfn.chr26	{background-position:0 -1140px}
	dfn.chr27	{background-position:0 -1170px}
	dfn.chr28	{background-position:0 -1200px}
	dfn.chr29	{background-position:0 -1230px}
	dfn.chr2A	{background-position:0 -1260px}
	dfn.chr2B	{background-position:0 -1290px}
	dfn.chr2C	{background-position:0 -1320px}
	dfn.chr2D	{background-position:0 -1350px}
	dfn.chr2E	{background-position:0 -1380px}
	dfn.chr2F	{background-position:0 -1410px}
	dfn.chr30	{background-position:0 -1440px}
	dfn.chr31	{background-position:0 -1470px}
	dfn.chr32	{background-position:0 -1500px}
	dfn.chr33	{background-position:0 -1530px}
	dfn.chr34	{background-position:0 -1560px}
	dfn.chr35	{background-position:0 -1590px}
	dfn.chr36	{background-position:0 -1620px}
	dfn.chr37	{background-position:0 -1650px}
	dfn.chr38	{background-position:0 -1680px}
	dfn.chr39	{background-position:0 -1710px}
	
	dfn.chr40	{background-position:0 -1920px}
	dfn.chr41	{background-position:0 -1950px}
	dfn.chr42	{background-position:0 -1980px}
	dfn.chr43	{background-position:0 -2010px}
	dfn.chr44	{background-position:0 -2040px}
	dfn.chr45	{background-position:0 -2070px}
	dfn.chr46	{background-position:0 -2100px}
	dfn.chr47	{background-position:0 -2130px}
	dfn.chr48	{background-position:0 -2160px}
	dfn.chr49	{background-position:0 -2190px}
	dfn.chr4A	{background-position:0 -2220px}
	dfn.chr4B	{background-position:0 -2250px}
	dfn.chr4C	{background-position:0 -2280px}
	dfn.chr4D	{background-position:0 -2310px}
	dfn.chr4E	{background-position:0 -2340px}
	dfn.chr4F	{background-position:0 -2370px}
	dfn.chr50	{background-position:0 -2400px}
	dfn.chr51	{background-position:0 -2430px}
	dfn.chr52	{background-position:0 -2460px}
	dfn.chr53	{background-position:0 -2490px}
	dfn.chr54	{background-position:0 -2520px}
	dfn.chr55	{background-position:0 -2550px}
	dfn.chr56	{background-position:0 -2580px}
	dfn.chr57	{background-position:0 -2610px}
	dfn.chr58	{background-position:0 -2640px}
	dfn.chr59	{background-position:0 -2670px} 
	
	dfn.chr5C	{background-position:0 -2760px}
	dfn.chr5D	{background-position:0 -2790px}
	dfn.chr5E	{background-position:0 -2820px}
	dfn.chr5F	{background-position:0 -2850px}
	dfn.chr60	{background-position:0 -2880px}
	dfn.chr61	{background-position:0 -2910px}
	dfn.chr62	{background-position:0 -2940px}
	dfn.chr63	{background-position:0 -2970px}
	dfn.chr64	{background-position:0 -3000px}
	dfn.chr65	{background-position:0 -3030px}
	dfn.chr66	{background-position:0 -3060px}
	dfn.chr67	{background-position:0 -3090px}
	dfn.chr68	{background-position:0 -3120px}
	dfn.chr69	{background-position:0 -3150px}
	dfn.chr6A	{background-position:0 -3180px}
	dfn.chr6B	{background-position:0 -3210px}
	dfn.chr6C	{background-position:0 -3240px}
	dfn.chr6D	{background-position:0 -3270px}
	dfn.chr6E	{background-position:0 -3300px}
	dfn.chr6F	{background-position:0 -3330px}
	dfn.chr70	{background-position:0 -3360px}
	dfn.chr71	{background-position:0 -3390px}
	dfn.chr72	{background-position:0 -3420px}
	dfn.chr73	{background-position:0 -3450px}
	dfn.chr74	{background-position:0 -3480px}
	dfn.chr75	{background-position:0 -3510px}
	dfn.chr76	{background-position:0 -3540px}
	dfn.chr77	{background-position:0 -3570px}
	dfn.chr78	{background-position:0 -3600px}
	dfn.chr79	{background-position:0 -3630px}
	dfn.chr7A	{background-position:0 -3660px}